<template>
	<div class="myAlipay">
		
		<div class='head'>
            <p class='title-icon'>
            	<router-link class='iconfont  icon-jiantouzuo'to='/settlement'></router-link>
            </p>
            <p class='title-text'>我的支付宝</p>
            <p class="title-null"></p>
        </div>
        
        <div class="card-box">
        	<div class="zfb-icon">
        		<span class="iconfont icon-zhifubao"></span>
        	</div>
        	<div class="person">
        		<p>张绍</p>
        		<p>15874968543</p>
        	</div>
        	<p class="delete iconfont icon-shanchu"></p>
        </div>
	</div>
</template>

<script>
</script>

<style scoped>
	.title-icon > a,.title-null{
		font-size: 1.3rem;
	}
	.title-null{
		color: #71B4EB;
		text-align: right;
	}
	.card-box{
		display: flex;
		background-color: white;
		height: 60px;
		margin:20px auto;
		width: 90%;
		padding: 10px;
		border-radius: 6px;
	}
	.card-type{
		font-size: .8rem;
	}
	.card{
		position: relative;
	}
		.icon-zhifubao{
		font-size: 3rem !important;
	}
	.zfb-icon,.delete{
		flex: 1;
	}
	.delete{
		text-align: right;
		padding-right: 10px;
	}
	.zfb-icon{
		line-height: 65px;
	}
	.person{
		flex: 3;
		line-height: 30px;
	}
@media (max-width:320px) {
	.card-box{
		height: 60px;
		line-height: 35px;
	}
}
</style>